<!--
  Generated template for the TimeSelectPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>充电时长选择</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
   <div class="node-detail-module">
     <h5 class="node-name">{{power.power_index}}号充电口</h5>
     <div class="time-type-view">
       <div *ngFor="let charge_uprice_List of charge_uprice_List" [ngClass]="{true: 'time-type-button selected', false: 'time-type-button'}[charge_uprice_List.id === charge_uprice.id]" (click)="selected(charge_uprice_List)">
           <p class="button-row time">{{charge_uprice_List.charge_time}}小时</p>
           <p class="button-row cost">￥{{charge_uprice_List.unit_price | number : '1.2-2'}}</p>
       </div>

       <!--<div class="time-type-button selected">
           <p class="button-row time">4小时</p>
           <p class="button-row cost">￥2</p>
       </div>-->

     </div>
   </div>
</ion-content>
<div class="T-operation-module">
     <div class="T-buttons">
       <button ion-button class="cancle" (click)="goBack()">取消</button>
       <button ion-button class="confirm" (click)="skipToPay()">确认</button>
     </div>
     <p class="tips">
       重要提示： 确认前请先插好电源
     </p>
   </div>
